<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>实战</title>
	<link rel="stylesheet" href="styles/base.css">
	<link rel="stylesheet" href="styles/index.css">
	<link rel="stylesheet" href="styles/animate.css">
</head>
<body>
	<header class="header">
		<div class="header__logo">H5实战页面</div>
		<ul class="header__menu">
			<li class="header__menu-item header__menu-item_active">实战课程</li>
			<li class="header__menu-item">综合案例</li>
			<li class="header__menu-item">课程体系</li>
			<li class="header__menu-item">集成环境</li>
			<li class="header__menu-item">云端学习</li>
			<li class="header__menu-item">
				<input type="button" value="即刻学习" class="header__menu-btn">
			</li>
			<li class="header__nav-tip"></li>
		</ul>
	</header>
	<div class="screen-1">
		<div class="screen-1__wrap">
			<h2 class="screen-1__head screen-1__head_animate-init">实战课程重磅上线</h2>
			<h3 class="screen-1__sub-head screen-1__sub-head_animate-init">一键云学习，还在等待什么？</h3>
		</div> 
	</div>
	<div class="screen-2">
		<div class="screen-2__wrap">
			<div class="screen-2__head">每门课都是真实商业案例</div>
			<div class="screen-2__border"></div>
			<div class="screen-2__sub-head">
				真实案例，真实场景，在实战中实践、操作、调试<br>
				大牛带你体验BAT真实开发流程，所有开发过程一一为你呈现
			</div>
			<div class="screen-2__bg"></div>
			<div class="screen-2__bg-1"></div>
			<div class="screen-2__bg-2"></div>
		</div>
		
	</div>
	<div class="screen-3">
		<div class="screen-3__bg"></div>
		<div class="screen-3__wrap">
			<div class="screen-3__head">强大的语言课程体系支持</div>
			<div class="screen-3__border"></div>
			<div class="screen-3__sub-head">学习环境与课程轻松对接，安装、调试、写入、部署、运行，一站式解决，让你体验开发全流程</div>
			<div class="screen-3__features">
				<div class="screen-3__features-item screen-3__features-item1">HTML5</div>
				<div class="screen-3__features-item screen-3__features-item2">PHP</div>
				<div class="screen-3__features-item screen-3__features-item3">JAVA</div>
				<div class="screen-3__features-item screen-3__features-item4">Python</div>
				<div class="screen-3__features-item screen-3__features-item5">Node.js</div>
			</div>
		</div>
	</div>
	<div class="screen-4">
		<div class="screen-4__wrap">
			<div class="screen-4__head">省去本地复杂的环境搭建</div>
			<div class="screen-4__border"></div>
			<div class="screen-4__sub-head">你可以告别在虚拟机中调试开发了</div>
			<ul class="screen-4__environment">
				<li class="screen-4__environment-item screen-4__environment-item1">
					<div class="screen-4__environment-item-title">
						实战课程集成开发环境
					</div>
				</li>
				<li class="screen-4__environment-item screen-4__environment-item2">
					<div class="screen-4__environment-item-title">
						内置终端命令行
					</div>
				</li>
				<li class="screen-4__environment-item screen-4__environment-item3">
					<div class="screen-4__environment-item-title">
						编译你的应用程序
					</div>
				</li>
				<li class="screen-4__environment-item screen-4__environment-item4">
					<div class="screen-4__environment-item-title">
						通过云端服务输出效果
					</div>
				</li>
			</ul>
		</div>
	</div>
	<div class="screen-5">
		<div class="screen-5__bg"></div>
		<div class="screen-5__head">云端学习可以这样简单</div>
		<div class="screen-5__border"></div>
		<div class="screen-5__sub-head">看视频，敲代码，一气呵成。结合慕课网为你提供的云端学习工具，所见即所得，从此学习不一样</div>
	</div>
	<div class="go-on-study">
		<input type="button" class="go-on-study__btn" value="继续了解学习体验">
	</div>
	<div class="footer">
		<div class="footer__nav">
			<div class="footer__nav-item">网站首页</div>
			<div class="footer__nav-item">人才招聘</div>
			<div class="footer__nav-item">联系我们</div>
			<div class="footer__nav-item">高校联盟</div>
			<div class="footer__nav-item">关于我们</div>
			<div class="footer__nav-item">讲师招募</div>
			<div class="footer__nav-item">意见反馈</div>
			<div class="footer__nav-item">友情链接</div>
		</div>
		<div class="footer__copyright">Copyright @ 2015 imooc.com All Rights Reserved | 京ICP备 1340927号-2</div>
	</div>
	<ul class="outline">
		<li class="outline__item">实</li>
		<li class="outline__item">综</li>
		<li class="outline__item">课</li>
		<li class="outline__item">环</li>
		<li class="outline__item">云</li>
	</ul>
	<script src="scripts/index.js"></script>
</body>
</html>